@CHARSET "UTF-8";
html, body {
	height: 100%;
}
body {
	font-family:serif;
	font-family:sans-serif;
}
a,span,p,label{
	text-decoration: none
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
a,p,h2,h3,h1,h4,h5,h6,th,td {
	/*font-family:Arial;*/
	font-weight:normal;
}
.left{
	float:left
}
.right{
	float:right;
}
.clear_b{
	clear:both;
}
.horizontal_list ul li{
	float:left;
}
.horizontal_list ul li a{
	display:block;
}

/*-------------------------------------background color-----*/
table th,.treebox h3.title,.ui-state-hover
	,.mainmenu ul li a:hover,.mainmenu ul li a:active
	,.funcbox ul li a:active {
	background:#ccc;
}
body{
	background:#eee;
}
form .textbox, .textbox,table,.mainmenu ul li a
	,.datainfo{
	background:#fff;
}
/*---------------------------------------------border-------*/
#header ,#mainmenu,table,.datainfo
	,form .textbox,.textbox
	,.funcbox ul li a,.backto_box a 
	{ 
	border:1px solid #bbb;
}
.funcbox ul li a:hover,.backto_box a:hover{
	border:1px solid #999;
}
.mainmenu h3 {
	border-top:1px solid #fff;
}
h1,.mainmenu h3 {
	border-bottom:1px solid #ccc;
}
.treebox ul li{
	border-left:1px dotted #999;
}
/* --------------------------------------------font-------*/
body ,table ,.ui-button{
	font-size:1em;
	
}
h1{
	font-size:1.2em;
}
/* -------------------------------------font color-------*/
body ,a,p,h3,h1,h4,h5,h6,th,td,
	table th,.treebox h3.title
	,.mainmenu ul li a, .mainmenu ul li a:hover
	,#path a,h2,form .textbox,.textbox
	,.funcbox ul li a,.funcbox ul li a:hover,.funcbox ul li a:active
	,.ui-button,.ui-state-focus,.ui-state-hover{
	color:#555;
}
form .hint {
	color:#777;
}
form .star_sign ,form .error_msg{
	color:#c01;
}
.treebox a.open,.treebox a.delete {
	color:#f0a;
}
#path ,#path span{
	color:#999;
}
.treebox ul.lv2 a{
	color:#555;	
}
.treebox ul.lv3 a,.mainmenu ul li a{
	color:#777;	
}

/*--------------table base set----------*/
table {
	margin: 5px 0;
}
table th,table td{
	padding:5px;
	vertical-align: middle;
}
table *{
	margin:0 5px 0 0;
}
/*-------------form---------*/
form {
	font-size:1em;
}

form select{
}
form .textbox,.textbox {
	padding:3px;
  	font-size: 1.2em;
}
form .textwidther {
	width:400px;
}
form select option{
	padding:0 10px;
}
form textArea {
	width:400px;
	height:200px;
}

form .hint {
	font-size:.9em;
	margin:3px 0 0 ;
}
form .form_hint {
	font-size:.8em;
	padding:3px 0;
}
form .checkboxtitle {
	margin :0 5px;
}
form .checkbox {
	margin:5px 0;
}
form .star_sign{
	padding:0 5px;
	font-size:16px;
	font-weight:bold;
}
form .form_funcbox input{
	margin:0 5px 0 0;
}
/*------------------treebox----------*/
.treebox ,.demobox{
	font-size:.95em;
	margin:0 10px 0 0;
}
.treebox h3.title{
	padding:5px;
}
.treebox h3.title img{
	margin:0 0 0 5px;
}
.treebox a.open,.treebox a.delete {
	font-size:.8em;
	margin:0 5px;
}
.treebox a{
	margin:0 5px;
}
.treebox ul{
	font-size:1em;
	padding:0 0 0 5px;
}
.treebox ul li{
	font-size:1em;
	line-height:1.4em;
	padding:0 0 0 10px;
}
.treebox ul.lv1{
	margin:5px;
}
.treebox ul.lv2 a{}
.treebox ul.lv3 a{}
/**--------------------------主要layout-------------------*/
#wrap {
	min-height: 100%;
	/*-------------------*/
	height: auto !important;
	width:100%;
	margin:0px auto -40px;
}
.wrap2_closer {
	height:15px;
}
.wrap_closer {
	height:40px;
}
#wrap2 {
	width:100%;
	margin:0 auto;
	padding:0px;
}
#main {
	overflow:auto;
	/*padding-bottom: 90px;
	/*--------------------*/
	margin:0 auto;
	min-height:450px;
	padding:0 ;
	width:100%;
	/*background: url("../images/header_bg.jpg") no-repeat top right ;*/
} 	/* must be same height as the footer */
/*---------------------------header------------------*/
#header {
	font-size:1em;
	border-top:none;
	margin:0 5px;
	padding:5px;
	-moz-border-radius: 0 0 5px 5px;
}
#header p.title{
	padding:10px;
}
#header p.user{
	padding:10px;
	font-size:.9em;
}
#header p.user a{
	text-decoration:underline;
}
#header p.user a:hover{
	text-decoration:none;
}

/*---------------------------主選單------------------*/
#mainmenu {
	width:200px;
	margin:5px 0 0 5px;
	min-height:600px;
	font-size:1em;
}
.mainmenu h3{
	padding:5px;
	font-size:.9em;
}
.mainmenu h3 a{
	text-decoration:none;
}
.mainmenu ul li {}
.mainmenu ul li a{
	padding:5px;
	display:block;	
	font-size:.8em;
	text-decoration: none;
}
.mainmenu ul li a:hover{}
.mainmenu ul li a:active{}
/*主要畫面*/
#content {
	/*border:1px solid #ccc;*/
	margin:5px;
	width:	800px;
	/*background: #fff;*/
	/*min-height:500px;*/
}
/*---------------------------頁面路徑顯示---------------------*/
#path ,#path span{}
#path {
	font-size:.8em;
	padding:3px 0;
	margin:0 0 5px;
}
#path a {}
#path span {
	font-weight: bold;
}
/*-------------------------------------------------------*/
h1 {
	margin:30px 2px 10px;
	padding:0 0 3px;
}
#content2 {
	padding:0 10px;
	font-size:1em;
}
h2 {
	font-size:1em;
	margin:10px 0px 5px;
}

/*--------------------搜尋框--------*/
.searchbox {
	padding:5px 0px 10px;	
}
.datainfo {
	padding:5px;
	font-size:1em;
	margin:0 0 5px 0;
}
.datainfo ul li{
	font-size:.9em;
	line-height:1.3em;
}
/*--------------------------功能按鈕列-長得像按鈕的東西都在這邊設定---------------*/
.funcbox,.form_funcbox,.backto_box {
	font-size:1em;
	padding:5px 0;
	/*background:#333;
	border-top:1px solid #444;
	border-bottom:1px solid #444;*/
}
.funcbox ul li a,.backto_box a{
	padding:3px 5px;
	font-size:.8em;
	margin:0 2px 0 0 ;	
	text-decoration:none;
}
.ui-button {
	font-size:1em;
	padding:2px 5px;
}
/*--------------------------form horizontal table-----*/
table.form_h th,table.form_h td{
	font-size:.8em;
	vertical-align:top;
}
table.form_h th{
	color:#555;
	background:#ccc;
	padding-top:10px;
	text-align:right;
}
table.puretext th,table.puretext td {
	padding:5px;
	line-height:1.3em;
}
table.wid6em th{
	width:6em;
}
table.wid120 th{
	width:120px;
}
table.wid150 th{
	width:150px;
}
table.form_h td{
	color:#777;	
}

/*------------------------list_vertical style------------------------*/
table.list_v {
	
}
table.list_v th,table.list_v td{
	vertical-align: middle;
}
table.list_v tr:hover {
	background:#fafafa;
}
table.list_v th{
	color:#555;
	background:#ccc;
	font-size:.9em;
}
table.list_v td{
	font-size:.8em;
	color:#777;
}
table.list_v td img{
	height:100px;
}
/*----------------------------------------------pager*/
.pager {
	padding:10px 0 5px;
	margin:0 auto;
	text-align:left;
	font-size:1em;
}
.pager a,.pager .page_current{
	margin:0 5px 0 0 ;
	padding:5px;
	border:1px solid #999;
	font-size:.8em;
	display:block;
	height:1em;
	width:1em;
	text-align:center;
}
.pager .page:hover
	,.pager .page_next:hover ,.pager .page_last:hover
	,.pager .page_first:hover ,.pager .page_prev:hover{
	background:#fafafa;
}
.pager .page_current {
	background:#fff;
}
.pager .page_next ,.pager .page_last
	,.pager .page_first ,.pager .page_prev{
	width:40px;	
}

.pager .page{
	color:#666;	
}
.pager .page:VISITED {
	color:#ccc;
}
.record_box{ 
	font-size:.8em;
	color:#555;
	text-align: left;
}
.record_box .page_current {
	
}
.data_total{
	
}

/*-------------------------------------history_back----------*/
.history_back {
	padding:10px 0;
}

/*-----------------------------------------------------------footer*/
#footer {
	position: relative;
	/*margin-top: 90px; /* negative value of footer height */
	height: 30px;
	clear:both;
	/*---------------------*/
	/*background:#4187C8;*/
	margin:0px auto 0;
	width:100%;	
	/*text-align:center;*/
	padding:0 0 10px 0;
}
#footer .info {
	padding:0 0 0 5px;
}
#footer .info p{
	line-height:1.6em;
	color:#999;
}	
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/*-------------------for jquery plugin------*/
/**tabs**/
.ui-tabs {
	margin:10px 0;
	font-size:1em;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.ui-tabs .ui-widget-header .ui-state-default a{
	font-size:.8em;
	padding:5px 10px;
	border:1px solid #999;
	background:#ccc;
	border-bottom:none;
}
.ui-tabs .ui-widget-header .ui-state-hover a {
	background:#eee;
	text-decoration:none;	
}
.ui-tabs .ui-widget-header .ui-tabs-selected a,.ui-tabs .ui-widget-header .ui-state-active a{
	background:none;
}
.ui-tabs .ui-widget-header .ui-state-focus a {
	background:none;	
}
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 1;filter:Alpha(Opacity=100); }